<script src="/js/jquery-ui-timepicker-addon.js" type="text/javascript"></script>

<script type="text/javascript">
<{include file='order/order/js/index.js'}>
</script>
<link href="/css/order/order.css" rel="stylesheet" type="text/css"/>
<style type="text/css">
    .myTab table td{ border:0;text-align:left;}
    .shiptype .sel{color:red;}
    .hidden{display:none;}
    
    
    /* css for timepicker */
	.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
	.ui-timepicker-div dl { text-align: left; }
	.ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; }
	.ui-timepicker-div dl dd { margin: 0 10px 10px 65px; }
	.ui-timepicker-div td { font-size: 90%; }
	.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }
</style>
<div id="right_confirm" style="display: none;"  title="<{$lang.order}><{$lang.delete}>">
	<p style="text-align:left;font-size: 14px;color: red;font-weight: bold;">
	<{$lang.delete_sure}>
	</p>
</div>

<div id="alert_msg" style="display: none;" title="<{$lang.tip}><{$lang.message}>">
	<p style="font-size: 14px;">
	
	</p>
</div>
<div class="search_div">
    
    <form id="sForm" name="sForm">
	    <div id="iTitle">
	        <div style="padding:0;margin-bottom:8px;">
	            <input type="button" id="Create_Order" onclick="addOrder();" value="<{$lang.create}><{$lang.order}>" class="button hidden"/>
	            <input type="button" id="SwichBrowseType" onclick="swichBrowseType(this);" value="<{$lang.zhankai}><{$lang.product}>" class="button"/>
	            <input type="button" id="download" onclick="down(this);" value="<{$lang.export_selected_rows}>" class="button"/>
	        </div>
	    </div>
		<div>
			
		<select name="searchType" id='searchType' onchange="search();">
			<option value="orders_code"><{$lang.orderNo}></option>
			<option value="pickup_code"><{$lang.op_code}></option>
			<option value="ship_code"><{$lang.trackNo}></option>
			<option value="ref_code"><{$lang.referNo}></option>
		</select>			
		<input type="text" id="code" name="code" class="myInput" />
		<input type="hidden" name="shipping_method" id="shipping_method_sch" />&nbsp;
		
		<label>
			<{$lang.customer_code}>:<input type="text" id="customerId" name="customerId" class="myInput" />
		</label>&nbsp;
		<label>
			<{$lang.status}>:<select name="orders_status_sch" onchange="search();">
				<option value=""><{$lang.select}></option>
				<{foreach key=key item=item from=$processStatus}>
				<option value="<{$key}>"><{$item}></option>
				<{/foreach}>
			</select>
		</label>&nbsp;
		
		<label>
			<{$lang.pickup_user}>:<select id="pickusers" name="pickusers">
				<option value=""><{$lang.select}></option>
				<{foreach key=key item=item from=$pickusers}>
				<option value="<{$item.user_id}>"><{$item.name}></option>
				<{/foreach}>
			</select>
		</label>&nbsp;
		
		<input class="button" type="button" value="<{$lang.search}>" onclick="search();">&nbsp;&nbsp;
		</div>

		<!--<div class="shiptype">
		<{$lang.shipping_method}><{$lang.select}>：<a href="javascript:;" onclick="shiptype_search('',this)" class='sel'><{$lang.all}></a>&nbsp;
		<{section name=st_name loop=$shipTypeArr}>
			<a href="javascript:;" onclick="shiptype_search('<{$shipTypeArr[st_name].st_name}>',this);" class=''><{$shipTypeArr[st_name].st_name}></a>
			&nbsp;
			<{if $smarty.section.st_name.index eq 6}> <br /> <{/if}>
		<{/section}>
		</div>
        -->
        
        <div class="shiptype"  style='padding:5px 0;'>
			<{$lang.shipping_method}>：
	        <select onchange="shiptype_search(this.value,this)" >
	         <option value=""><{$lang.all}></option>
			<{foreach from=$shipType item=obj key=key name=obj}>
	        	<option value="<{$obj.st_code}>"><{$obj.st_code}></option>			
			<{/foreach}>
	        </select>&nbsp;&nbsp;&nbsp;&nbsp;
	        <select name="dateType" id='dateType' onchange="search();">
				<option value="add_time"><{$lang.create_time}></option>
				<option value="print_time"><{$lang.create_time}></option>
				<option value="ship_time"><{$lang.ship_time}></option>
			</select>			
			<input type="text" id="dateFrom" name="dateFrom" class="myInput" size='15'/> ~
			<input type="text" id="dateTo" name="dateTo" class="myInput"  size='15'/>
		</div>
	</form>
</div>
<form id="downLoadForm" name="downLoadForm" action='/order/order/down' method='post' target="_blank" >
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="myTab">
    <tbody>
    <tr class="even-tr">
        <th><input type="checkbox" name="ckAll" id="ckAll"/></th>
        <th><{$lang.No}></th>
        <th><{$lang.orders_code}></th>
        <th><{$lang.referNo}></th>
        <th><{$lang.username}></th>
        <th><{$lang.country}></th>
        <th><{$lang.shipping_method}></th>
        <th><{$lang.order_product_num}></th>
        <th><{$lang.date}></th>
        <th><{$lang.opuser}></th>
        <th><{$lang.status}></th>
        <th><{$lang.operation}></th>
    </tr>
	
    </tbody>
    <tbody id="loadData"></tbody>
</table>
<input type='submit' name='downloadForm_submit' id='downloadForm_submit' style='display:none;'>
</form>
<div class="pagination"></div>


<!--<{$lang.remark}>-->
<div id="comment-dialog" style="display: none;" title="<{$lang.problem_order}>">
    <div class="validateTips" id="commentTips" style="font-size: 14px;color:red;font-weight: bold;"></div>
    <form name="commentForm" id="commentForm">
        <div class="bill">
            <div class="bill-head">
                <div class="bill-head-tip" id="tip_orders_code"></div>
                <div class="bill-head-tip" id="header_title"><{$lang.problem_reason}></div>

            </div>
            <div style="width: 100%;" class="bill-item">
                <div style="width: 10%;" class="bill-item-left"></div>
                <div style="width: 84%;height:80px;padding-top:10px;" class="bill-item-right">
                    <textarea class="ui-widget-content" id="comment" name="comment" style="width:98%;"></textarea>
                </div>
            </div>
        </div>

    </form>
</div>